﻿@using ThienVienDiDaTu.Models;

@model List<ThienVienDiDaTu.Models.Anh>

@{
    ViewBag.Title = ViewBag.TenAlBum;
    ViewBag.TrangChu = "";
    ViewBag.GioiThieu = "active";
    ViewBag.Thien = "";
    ViewBag.TinTuc = "";
    ViewBag.AnPham = "";
    Anh imge = new Anh(); 
}

<link href="../../Content/skins/tn3/tn3.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.tn3lite.min.js" type="text/javascript"></script>


<script type="text/javascript">
    $(document).ready(function () {
        //Thumbnailer.config.shaderOpacity = 1;
        var tn1 = $('.mygallery').tn3({
            skin: "tn3",
            skinDir: "../../Content/skins",
            imageClick: "fullscreen",
            startWithAlbums: true,
            autoplay: true,
            image: {
                maxZoom: 2,
                crop: true,
                clickEvent: "dblclick",
                transitions: [{
                    type: "blinds"
                }, {
                    type: "grid"
                }, {
                    type: "slide",
                    duration: 5,
                    easing: "easeInCubic",
                    gridX: 1,
                    gridY: 8,
                    // flat, diagonal, circle, random
                    sort: "circle",
                    sortReverse: false,
                    diagonalStart: "bl",
                    // fade, scale
                    method: "scale",
                    partDuration: 5,
                    partEasing: "easeOutSine",
                    partDirection: "left"
                }]
            }
        });
    });
</script>


  <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-sidebar1">
                            
                            @{Html.RenderAction("TinTucMoiNhat", "Home");}
                            @{Html.RenderAction("LienheNhaChua", "Home");}
                        </div>
                        <div class="art-layout-cell art-content">
                            
                            <div class="art-post">
                                <div class="art-post-tl"></div>
                                <div class="art-post-tr"></div>
                                <div class="art-post-bl"></div>
                                <div class="art-post-br"></div>
                                <div class="art-post-tc"></div>
                                <div class="art-post-bc"></div>
                                <div class="art-post-cl"></div>
                                <div class="art-post-cr"></div>
                                <div class="art-post-cc"></div>
                                <div class="art-post-body">
                                <div class="art-post-inner">
                                            <div class="art-blockheader">
                                                <div class="l"></div>
                                                <div class="r"></div>
                                                 <div class="t">@ViewBag.TenAlBum </div>
                                            </div>
                                            

                                            <br/>

                             <div style = " margin-left: 30px ">
                                    @if (Model.Count > 0)
                                    {
                                        <!-- CENTER COLUMN START -->
        
                                        <div class="rotatePixCover">
                                            <div class="mygallery">
	                                            <div class="tn3 album">
	                                                <h4></h4>
	                                                <div class="tn3 description"></div>
	                                                <div class="tn3 thumb"></div>
                                                    <ol>
                                                    @foreach (var i in Model)
                                                    {
                                                        string path = System.IO.Path.Combine("/Content/data/images/", i.LinkAnh);
                                                        <li>
		                                                    <h4>@i.TenAnh</h4>
		                                                    <a href="@path">
			                                                    <img src="@path" />
		                                                    </a>
		                                                </li>          
                                                    }
                                                    </ol>
	                                            </div>
                                            </div>
                                        </div>
                                    }
                                </div>
                              
                                <div class="cleared"></div>
                            </div>
                            
                            		<div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                      
                    </div>
 </div>